<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线二维码分享</title>
    <script src="__STATIC__/js/jquery-1.8.2.js"></script>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
</head>
<body style="position: relative;margin: 0">
<div class="board" ></div>
<div class="board1"></div>
<img src="{$img}" style="width: 100%;" />
<div id="shade" class="shade" style="display: none;width: 100%;" onclick = "showdiv()">
    <img src="__STATIC__/img_user/share_bg.png" style="position: absolute;left: 0;top: 0;z-index: 100000;width: 100%;">
</div>
<input type="hidden" value="{:input('uid')}" id="member_id" />
<input type="hidden" value="{:input('act','')}" id="act" />
<script src="__STATIC__/js/layer_mobile/layer.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>

    wx.error(function(res){
//        console.log(JSON.stringify(res));
    });
    var url = '';
    if ('{$flag}' == 'home'){
        url = "http://shop.gaoyuanlang188.com//index.php/mobile/scan_code/qrcode?uid="+'{$user_id}'+"&flag=home";
    }else{
        url = "http://shop.gaoyuanlang188.com//index.php/mobile/scan_code/qrcode?uid="+'{$user_id}';
    }
    wx.ready(function () {
        //		分享到朋友圈
        wx.onMenuShareTimeline({
            title: '在线二维码', // 分享标题
            link: url, // 分享链接
            imgUrl: 'http://shop.gaoyuanlang188.com//static/mobile/img_user/qrcode_logo.jpg', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        //		分享给朋友
        wx.onMenuShareAppMessage({
            title: '在线二维码', // 分享标题
            desc: '最好的购物平台', // 分享描述
            link: url, // 分享链接
            imgUrl: 'http://shop.gaoyuanlang188.com//static/mobile/img_user/qrcode_logo.jpg', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQQ({
            title: '在线二维码', // 分享标题
            desc: '最好的购物平台', // 分享描述
            link: url, // 分享链接
            imgUrl: 'http://shop.gaoyuanlang188.com//static/mobile/img_user/qrcode_logo.jpg', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQZone({
            title: '在线二维码', // 分享标题
            desc: '最好的购物平台', // 分享描述
            link: url, // 分享链接
            imgUrl: 'http://shop.gaoyuanlang188.com//static/mobile/img_user/qrcode_logo.jpg', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });
    if ($('#act').val() == 'share'){
        share();
    }
    //分享弹出层
    function share(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            showdiv();
        }else{
            layer.open({content:'请到微信浏览器内访问本页面',skin:'msg',time:4})
        }
    }
    //遮罩层
    function showdiv() {
        var target = document.getElementById('shade');
        if (target.style.display == "none") {
            target.style.display = "block";
            document.documentElement.ontouchmove = function () {
                return false;
            };
        } else {
            document.documentElement.ontouchmove = function () {
                return true;
            };
            target.style.display = "none";
        }
    }
</script>
<script type="text/javascript">
    define = null;
    require = null;
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
<script>
    // 微信配置
    //分享
    wx.config({
        debug: false,
        appId: '{$signPackage.appId}',
        timestamp: '{$signPackage.timestamp}',
        nonceStr: '{$signPackage.nonceStr}',
        signature: "{$signPackage.signature}",
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',//朋友圈
            'onMenuShareAppMessage',//好友
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'hideMenuItems',
            'showMenuItems',
            'hideAllNonBaseMenuItem',
            'showAllNonBaseMenuItem',
            'translateVoice',
            'startRecord',
            'stopRecord',
            'onRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'uploadVoice',
            'downloadVoice',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage',
            'getNetworkType',
            'openLocation',
            'getLocation',
            'hideOptionMenu',
            'showOptionMenu',
            'closeWindow',
            'scanQRCode',
            'chooseWXPay',
            'openProductSpecificView',
            'addCard',
            'chooseCard',
            'openCard'
        ]
    });
    var domain = document.domain+'/logo.png';

    //alert(window.location.href);
    //alert(location.href.split('#')[0]);
    wx.ready(function(){
        WeChat('邦成汽配网',window.location.href,"http://bcqpsc.cn/logo.png","我们严选安全可靠的健康产品，结合生活精品.文创产品等.致力于普惠健康");
    });

    function WeChat(share_title,share_link,share_img_url,share_desc,backUrl) {
// 获取"分享到朋友圈"按钮点击状态及自定义分享内容接口
        wx.onMenuShareTimeline({
            title: share_title, // 分享标题
            link: share_link, // 分享链接
            desc: share_desc,
            imgUrl: share_img_url, // 分享图标
            success: function () {
//alert(2);
            },
            cancel: function () {
//alert(1);
            }
        });

// 获取"分享给朋友"按钮点击状态及自定义分享内容接口
        wx.onMenuShareAppMessage({
            title: share_title, // 分享标题
            desc: share_desc, // 分享描述
            link: share_link, // 分享链接
            imgUrl: share_img_url, // 分享图标
            success: function () {
//alert(3);
                window.location.href = "http://app44.app.longcai.net/index.php/mobile/user_port/index";
            },
            cancel: function () {
//alert(4);
            }
        });
// 分享到QQ
        wx.onMenuShareQQ({
            title: share_title, // 分享标题
            desc: share_desc, // 分享描述
            link: share_link, // 分享链接
            imgUrl: share_img_url, // 分享图标
            success: function () {

            },
            cancel: function () {
                return false;
            }
        });
// 分享到QQ空间
        wx.onMenuShareQZone({
            title: share_title, // 分享标题
            desc: share_desc, // 分享描述
            link: share_link, // 分享链接
            imgUrl: share_img_url, // 分享图标
            success: function () {

            },
            cancel: function () {
                return false;
            }
        });
    }



    // 2. 分享接口
    // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
    document.querySelector('#onMenuShareAppMessage').onclick = function () {
        wx.onMenuShareAppMessage({
            title: '互联网之子',
            desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
            link: window.location.href,
            imgUrl: 'http://app44.app.longcai.net/static/mobile/img_user/qrcode_logo.jpg',
            trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                alert('用户点击发送给朋友');
            },
            success: function (res) {
                alert('已分享');
            },
            cancel: function (res) {
                alert('已取消');
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
        alert('已注册获取“发送给朋友”状态事件');
//http://blog.csdn.net/baikeliang/article/details/44154547  //623918245资源鸟
    };
</script>
</body>
</html>